import Vue from 'vue'
import App from './App.vue'
// 引入路由器
import router from "@/router"
// 引入三级联动组件
import TypeNav from "@/components/TypeNav"

//引入分页器组件
import Pagination from "@/components/Pagination"

//引入vuex
import store from "@/store"

//引入mockserver.js
import '@/mock/mockServe'

//引入swiper的样式
import "swiper/css/swiper.css"

import Carousel from "@/components/Carousel"
//轮播图全局组件

//注册为全局组件  第一个参数为组件的名称  第二个参数为哪个组件
Vue.component(TypeNav.name, TypeNav)

//注册轮播图组件
Vue.component(Carousel.name, Carousel)

//注册分页器组件
Vue.component(Pagination.name, Pagination)

Vue.config.productionTip = false

//统一引入API接口文件
import * as API from "@/api"
// console.log(API);

//引入饿了么组件
import { MessageBox } from "element-ui"

//ElementUi注册组件的时候，挂载原型上
Vue.prototype.$msgbox = MessageBox
Vue.prototype.$alert = MessageBox.alert

//引入图片懒加载擦插件
import VueLazyload from 'vue-lazyload'
import atm from "@/assets/1.gif"

//注册图片懒加载
Vue.use(VueLazyload, {
  //懒加载默认的图片
  loading: atm
})

//引入表单验证
import '@/biaodanyanzheng/index'

new Vue({
  render: h => h(App),
  // 注册路由 组件的身上会多出$route,$router属性
  router,
  // 注册store 组件的身上会多出一个$store属性
  store,
  beforeCreate() {
    Vue.prototype.$bus = this
    Vue.prototype.$API = API
  },
}).$mount('#app')
